Create a Cute Room Portfolio with Blender, Three.js, JavaScript – Beginner Course

youtube

Learn how to use Three.js and Blender to design a stunning and interactive 3D portfolio! Course from @andrewwoan Intro to Creative Web Dev: *IMPORTANT* Make sure to go into 1) edit in the upper left corner 2) preferences 3) system 4) and switch to "CUDA" OR "Optix" and enable your GPU if you've got one! If you're on Mac your settings will probably be different: Select "Metal" instead of "CUDA" if you've got something like an M1 chip. For either device switch to GPU compute as it'll be faster, unless somehow you have a device where your CPU is better. *IMPORTANT* When baking you typically want to go for .01, I think I did .003 which is a bit too small. If you have UVPackmaster3 you can set a pixel margin, if you're at 4k it should be 32px, at 2k it should be 16px, 1k at 8px etc. Obviously it depends on your use case, but those are recommended ranges!! Correction: 46:00 Sorry, accidental cut here, use the loop tools addon we installed and with those faces selected 1.) right click 2.) loop tools 3.) circle! Live site: Code, Blender file, fixes, updates, credits: If you are using Blender 4.5+ you can switch from OpenGL to Vulkan for a possible speed increase. Questions, comments, concerns? Contact andrewwoan@gmail.com and on Discord discord.gg/6F7dfuD5GT ⭐️ Chapters ⭐️ - 0:00:00 Introduction and Project Demo - 0:01:29 What we will cover and not cover - 0:02:17 What to expect for course structure - 0:02:45 Prerequisites - 0:03:34 Support the channel and me!! - 0:04:03